${rootData.put('pageTitle','APIs')}
${rootData.put('navIndex',1)}
<style>
    iframe {
        width: 100%;
        height: 800px;
    }
</style>
<script language="javascript" type="text/javascript">
    function resizeIframe(obj) {
        obj.style.height = obj.contentWindow.frames["classFrame"].document.body.scrollHeight + 'px';
    }
</script>
<ul class="nav nav-tabs">
    <#assign isTop=false/>
    <#list allVersion as versionInfo>
        <#if versionInfo_index lt 3 >
            <#assign className=""/>
            <#if versionInfo.version == curVersion.version>
                <#assign className="active"/>
                <#assign isTop=true/>
            </#if>
            <li class="${className}"><a href="${ctx_path}/docs/${versionInfo.version}/index.htm">Hasor-${versionInfo.version!}</a></li>
        </#if>
    </#list>
    <#if isTop == false>
        <#assign className="active"/>
        <#assign curTitle="(v${curVersion.version})"/>
        <#else/>
        <#assign className=""/>
    </#if>
    <li class="dropdown ${className}">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            其它版本${curTitle}<b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
            <#list allVersion as versionInfo>
                <#if versionInfo_index gt 2 >
                    <#if versionInfo.version == curVersion.version>
                        <#assign className="active"/>
                        <#else/>
                        <#assign className=""/>
                    </#if>
                    <li class="${className}"><a href="${ctx_path}/docs/${versionInfo.version}/index.htm">Hasor-${versionInfo.version!}</a></li>
                </#if>
            </#list>
        </ul>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane active">
        <iframe name="apiFrame" src="${curVersion.apiURL}" scrolling="no" onload="resizeIframe(this)" frameborder="0"></iframe>
    </div>
</div>